<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <link rel="stylesheet" href="答题移动端/index.css">
    <link rel="stylesheet" href="答题移动端/content.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="答题移动端/bannerLayout.css">
    <script src="答题移动端/jquery-3.4.1.js"></script>
    <script src="答题移动端/SlideJquery.js"></script>
    <link rel="stylesheet" href="答题移动端/consult.css">
    <link rel="stylesheet" href="答题移动端/mySelf.css">

</head>
<body>
<div class="container">
    <div class="header myHeader">
        <span class="consult myConsult">我的</span>
    </div>
    <div class="main myMain">
        <div>
            <div class="myNav">
                <div class="myLogin">
                    <i class="iconfont icon-yonghu"></i>
                    <span>登录/注册</span>
                </div>
            </div>
            <div class="dailyClock">
                <div class="dailyBox">
                    <i class="iconfont icon-kecheng"></i>
                    <span>每日打卡</span>
                    <i class="dayu iconfont icon-dayuhao"></i>
                </div>
            </div>
            <div class="dailyClock">
                <div class="dailyBox">
                    <i class="iconfont icon-kecheng"></i>
                    <span>做题记录</span>
                    <i class="dayu iconfont icon-dayuhao"></i>
                </div>
            </div>
            <div class="dailyClock">
                <div class="dailyBox">
                    <i class="iconfont icon-kecheng"></i>
                    <span>咨询客服</span>
                    <i class="dayu iconfont icon-dayuhao"></i>
                </div>
            </div>
        </div>
        <div class="weChatPad">
            <div class="weChat">
                <span>微信登陆</span>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footerTitle homePage">
            <div class="hpStyle">
                <i class="iconfont icon-zhaoshangxiaochengxu-shouye"></i>
                <p><span>首页</span></p>
            </div>
        </div>
        <div class="footerTitle answer">
            <div class="awStyle">
                <i class="iconfont icon-zhaoshangxiaochengxu-shouye"></i>
                <p><span>答题</span></p>
            </div>
        </div>
        <div class="footerTitle mySelf">
            <div class="CSSbg">
                <i class="iconfont icon-zhaoshangxiaochengxu-shouye"></i>
                <p><span>我的</span></p>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        $(".mySelf").css("color", "black");
        $(".homePage").click(function () {
            location.href = "移动首页.html";
            $(".hpStyle").css("color", "black");
            $(".awStyle").css("color", "red");
            $(".CSSbg").css("color", "red");
        })
        $(".answer").click(function () {
            location.href = "答题.html";
            $(".awStyle").css("color", "black");
            $(".CSSbg").css("color", "red");
            $(".hpStyle").css("color", "red");

        })
        $(".mySelf").click(function () {
            $(".CSSbg").css("color", "black");
            $(".awStyle").css("color", "red");
            $(".hpStyle").css("color", "red");
        })
    })
</script>
</body>
</html>